<template>
  <view>
    <c-header></c-header>
    <view class="box-f1">
      <view class="box-f2">
        <view class="kt1">
          <view class="kt1-title">网站分类:</view>
          <view class="kt1-contents">
            <view
              class="kt1-content"
              v-for="item in typeList"
              :key="item.id"
              :class="current_type == item.id ? 'typeActive' : ''"
              @tap="checkoutType(item.id)"
              >{{ item.title }}</view
            >
          </view>
        </view>
        <!-- <view class="kt1">
          <view class="kt1-title">网站分类:</view>
          <view class="kt1-contents">
            <view class="kt1-content">不限</view>
            <view class="kt1-content">国际学校</view>
            <view class="kt1-content">国际学校</view>
            <view class="kt1-content">国际学校</view>
          </view>
        </view>
        <view class="kt1">
          <view class="kt1-title">网站分类:</view>
          <view class="kt1-contents">
            <view class="kt1-content">不限</view>
            <view class="kt1-content">国际学校</view>
            <view class="kt1-content">国际学校</view>
            <view class="kt1-content">国际学校</view>
          </view>
        </view> -->
      </view>
    </view>
    <view class="options-box">
      <view class="box-f3">
        <view class="guide-text">
          <navigator url="/pages/f-content/index"><view class="guide-text-s1">盘点！国际高中主流课程，上海开设A-level课程的国际学校</view></navigator>
          <view class="guide-text-box"
            >随着美国大学申请难度的增加、社会不稳定等各种因素，越来越多的家长会选择让孩子就读国际学校。但在选择国际学校时，很多家长面对国际学校各类课程体系，往往都是一知半解，不知道如何选择？特别是原本计划赴美留学的学生，都把目光转向了英国，选修A-Level课程。A-level课程是国际学校的三大主流课程之一，众多的国际高中很多学</view
          >
        </view>
      </view>
    </view>
    <c-footer></c-footer>
  </view>
</template>

<script>
import headers from '../../components/header/headers.vue';
import footers from '../../components/footer/footers.vue';
import "./index.css";
export default {
   components:{
    footers,
    headers}
    ,
  data() {
    return {
      typeList: [
        { id : 0,
          title: "全部" },
        { id : 1,
          title: "充值" },
        { id : 2,
          title: "提现" },
        { id : 3,
          title: "积分" },
      ],
      current_type: 0,
    };
  },
  methods: {
    checkoutType(index) {
      console.log(index);
      this.current_type = index;
      this.typePopup = false;
      this.type_txt = this.typeList[index].title;
    },
  },
};
</script>

<style>

</style>
